<%@ page contentType="text/html"%>
<%@ page pageEncoding="UTF-8"%>
<%@ page import="familytree.negocio.IAlbumProcessor,familytree.negocio.bo.AlbumBO,familytree.persistencia.pojos.Usuario,familytree.persistencia.pojos.Album,familytree.persistencia.pojos.Imagen,java.util.List,java.io.*;" %>
<%@ taglib prefix ="html" uri = "/WEB-INF/struts-html.tld"%>
<%@ taglib prefix="bean" uri="/WEB-INF/struts-bean.tld" %>
<%@ taglib prefix="logic" uri="/WEB-INF/struts-logic.tld" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <title><bean:message key="welcome.title"/></title>
        <link  rel="stylesheet" type="text/css" href="resources/estilos/estilo.css"/>
        <link rel="shortcut icon" href="resources/imagenes/favicon.ico" type="image/vnd.microsoft.icon" />
        <script type="text/javascript" src="resources/javascript/javascript.js"></script>
    </head>
    <body>
        <%Usuario usuario = (Usuario) request.getSession().getAttribute("usuarioActual");
        if (usuario == null){%>
        <%@ include file="Redireccion.jsp" %>
        <%}

            Album album = (Album) request.getAttribute("album");
            
            %>
        <%@ include file="cabecera.jsp" %>
        <logic:messagesPresent message="true">
            <bean:message key="errors.header" />
            <ul>
                <html:messages id="error" message="true" >
                    <li><bean:write name="error"/></li>
                </html:messages>
            </ul>
        </logic:messagesPresent>
        <html:form action="mediaFotos" enctype="multipart/form-data">
          
            <input type="hidden" name="nombreAlbum" value="<%=album.getNombre()%>"/>
            <table width="100%"  >
                <tr>
                    <td class="divMenu" valign="top" style="height:200px;">                        
                        <br>
                        <b>Tu rincón, <%=usuario.getNombreUsuario()%>: </b>
                        
                        <div>
                            <html:errors/>
                            <a class="enlaceSinPulsar" onclick="menuAnadirAlbum(this,'menu','Nueva foto');">Nueva foto</a>
                            <div id="menu" style="display:none;">
                                <br>
                                Imagen
                                <br>
                                <html:file property="archivo" styleClass="textBox"  />    
                                <br>
                                <input type="button" value="Añadir" onclick="realizarAccion('nuevaImagen');">
                            </div>
                        </div>
                        <div style="margin-top:5px">
                            <a class="enlaceSinPulsar" href="Media.jsp">
                                <bean:message key="indicaciones.volverAAlbumes"/> 
                            </a>
                        </div>
                    </td>
                    <td valign="top">
                        <div class="subcontenidoMedia" >
                            <div class="divTitulo"><%=album.getNombre()%> </div>
                            <table cellspacing="20">
                                <tr>
                                    <%
            int indice = (Integer) request.getAttribute("indice");
            List<File> lista = album.getImagenesFile();
            IAlbumProcessor albumProcessor = new AlbumBO();
          
            List<Imagen> imagenes = albumProcessor.listaImagenes(album.getImagenes());
            int i;
            boolean hayMas = false;
            if (!lista.isEmpty()) {
                hayMas = true;
                for (i = 0; i < 12; i++) {
                    if (i == 6) {
                        out.write("</tr>");
                        out.write("<tr>");
                    }
                    if (hayMas) {
                        out.write("<td>");
                        String fileName = lista.get(i + indice).getName();
                        out.write("<img src=\" " + fileName + "\" width=\"120px\" height=\"120px\" ");
                        %>
                        <br>
                        <a class="enlaceSinPulsar" onclick="hacerPrincipal('hacerPrincipal','<%=imagenes.get(i).getIdImagen()%>')">Hacer Principal</a>
                        <%
                        out.write("</td>");

                        if (lista.size() <= i + indice + 1) {
                            hayMas = false;
                        }
                    } else {
                        out.write("<td>");

                        out.write("<img alt=\"no imagen\" src=\"resources/imagenes/NoImagen.png\" height=\"120px\" width=\"120px\"");
                        out.write("</td>");
                    }
                }
            }

                                    %>  
                                </tr>
                            </table>
                            <%if (!lista.isEmpty()) {%>
                            <div class="divAvance">
                                <%
    if (hayMas) {
        String avance = "avance" + indice;
                                %>
                                <a  class="enlaceAvanceAdelante" onclick="realizarAccion('<%=avance%>')">>></a>
                                <%}
    if (indice > 0) {
        String retroceso = "retroceso" + indice;%>
                                <a class="enlaceAvanceAtras" onclick="realizarAccion('<%=retroceso%>')"><<</a>
                                
                                <%}%>
                            </div>
                            <%}%>
                        </div>
                        
                        <div id="ultimasfotos">
                            
                        </div>
                        <div id="Ver todas">
                            
                        </div>
                    </td>
                </tr>
            </table>
            <input type="hidden" name="accionSeleccionada" id="accionSeleccionada" value="">
            <input type="hidden" name="imagenSeleccionada" id="imagenSeleccionada" value="">
            <html:submit styleId="botonSubmit" style="display:none;" ></html:submit>
        </html:form>
        <%@ include file="pie.jsp" %>
    </body>
</html>
